<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="viewport-fit=cover,width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../../../css/reset.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/style.css" />
		<link id="white" rel="stylesheet" type="text/css" href="../../../css/whiteSkin.css" />
	</head>

	<body>
		<header class="mui-bar mui-bar-nav bxn">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">遴选资讯</h1>
			<a onclick="open_shaixuan();" class="mui-icon mui-icon-filter mui-pull-right icon_filter"></a>
		</header>
		<div id="list_box">
			<div class="fixNews getHeight">
                <div class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted news_tab_tt">
                    <a tab-index='1' @tap="select_tab($event)" :class="(tabIndex == '1') ? 'active' : ''">遴选公告<em></em></a>
                    <a tab-index='2' @tap="select_tab($event)" :class="(tabIndex == '2') ? 'active' : ''">备考策略<em></em></a>
                </div>
            </div>
            <div id="scroll" class="mui-scroll-wrapper">
                <div class="mui-scroll">
                    <p class="userDownData" v-show="downData == 1">{{downText}}</p>
                    <div class="mui-slider-group">
                        <transition name="questionfade" mode="out-in">
                            <div v-show="tabIndex == 1">
                                <div class="news_box newsMargin bdn mt120">
                                    <div class="news_nr">
                                        <ul class="mui-table-view">
                                            <li class="mui-table-view-cell" v-for="val in gonggao_list.settop" @tap="open_details(val.id)">
                                                <h4>{{val.title}}</h4>
                                                <p class="time"><span class="icon_top">置顶</span>{{val.updatetime}}</p>
                                            </li>
                                            <li class="mui-table-view-cell" v-for="val in gonggao_list.text" @tap="open_details(val.id)">
                                                <h4>{{val.title}}</h4>
                                                <p class="time">{{val.updatetime}}</p>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </transition>
                        <transition name="questionfade" mode="out-in">
                            <div v-show="tabIndex == 2">
                                <div class="news_box newsMargin bdn">
                                    <div class="news_nr">
                                        <ul class="mui-table-view">
                                            <li class="mui-table-view-cell" v-for="val in celue_list.settop" @tap="open_details(val.id)">
                                                <h4>{{val.title}}</h4>
                                                <p class="time"><span class="icon_top">置顶</span>{{val.updatetime}}</p>
                                            </li>
                                            <li class="mui-table-view-cell" v-for="val in celue_list.text" @tap="open_details(val.id)">
                                                <h4>{{val.title}}</h4>
                                                <p class="time">{{val.updatetime}}</p>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </transition>
                        <p class="userUpData" v-show="upData == 1">正在加载中...</p>
                    </div>
                </div>
            </div>



            <div class="popMask" @click="yincangShaixuan"></div>
            <div class="popFilter">
                <div class="area_bt">
                    <h4>区域</h4>
                </div>
                <div class="areaList h75p">
                    <ul>
                        <li :class="selDiqu == '1' ? 'selected' : ''">
                            <a diqu-index="1" diqu-name="" @tap="select_diqu($event)">全国</a>
                        </li>
                        <li :class="selDiqu == '2' ? 'selected' : ''">
                            <a diqu-index="2" diqu-name="中央" @tap="select_diqu($event)">中央</a>
                        </li>
                        <li v-for="val in city" :class="selDiqu == val.id ? 'selected' : ''">
                            <a @tap="select_diqu($event)" :diqu-name="val.area_name" :diqu-index="val.id">{{val.area_name}}</a>
                        </li>
                    </ul>
                </div>
                <div class="fixBtn">
                    <a class="comfirmBtn" @tap="quedingShaixuan">确定</a>
                </div>
            </div>
		</div>
		<script src="../../../js/mui.min.js"></script>
		<script type="text/javascript" src="../../../js/h.min.js"></script>
		<script src="../../../js/public.js"></script>
		<script type="text/javascript" src="../../../js/jquery.min.js"></script>
		<script type="text/javascript" src="../../../js/skinChange.js"></script>
		<script type="text/javascript" src="../../../js/tpl/columnTab.js"></script>
		<script src="../../../js/vue.js"></script>
	</body>

</html>